<template>
	<view style="height: 20rpx"></view>
	<view @tap="toDetail" class="item flex-row" v-for="item in 30" :key="item">
		<xbc-avatar size="40px" />
		<view class="title">昵称</view>
	</view>
	<view style="height: 20rpx"></view>
</template>

<script lang="ts" setup>

function toDetail() {
	uni.navigateTo({
		url: '/pages/contact/detail'
	})
}
</script>

<style lang="scss" scoped>
.item {
	padding: 20rpx 30rpx;

	.title {
		flex: 1;
		color: #333;
		font-size: 30rpx;
		margin-left: 30rpx;
		@include line-height(80rpx);
	}
}
</style>